<div class="container">
    <div ng-controller="homeController">
        <div class="row">
            <div class="col-sm-8">
                <div class="page-header">
                    <h1 class="text-info"><strong>Welcome to BlackDream!</strong></h1>
                </div>
                <div class="page-header">
                    <div class="jumbotron">
                        <p style="font-size:24px;text-indent:2em;line-height:48px;"><strong>机械重复性的工作如同黑色梦魇，同一个问题并不应该被解决两次。</strong></p>
                        <p style="margin-top:48px;" class="text-right"><a href="javascript:void(0);" location-go="/guide"><strong>用户指南</strong></a></p>
                    </div>
                </div>
                <div class="page-header">
                    <p class="text-primary"><a href="javascript:void(0);" ng-click="openAboutModal()"><strong>当前版本：1.0.0</strong></a></p>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="panel panel-default" ng-if="!!generatorInstances.length">
                    <div class="panel-heading">
                        <h3 class="panel-title"><a href="javascript:void(0);" location-go="/business/generatorInstance/manage"><strong>我的实例</strong></a></h3>
                    </div>
                    <div class="panel-body">
                        <div class="page-header" style="margin: 5px;" ng-repeat="generatorInstance in generatorInstances">
                            <a href="javascript:void(0);" location-go="/business/generatorInstance/detail/{{generatorInstance.id}}">
                                <strong class="{{generatorInstance.generator.isOpen ? 'text-info' : 'text-danger'}}">{{generatorInstance.name}}</strong>
                            </a>
                            <span class="pull-right">{{generatorInstance.modifyDateTip}}</span>
                        </div>
                        <button type="button" class="btn btn-link btn-sm" location-go="/business/generatorInstance/manage"><strong>更多</strong></button>
                    </div>
                </div>
                <div class="panel panel-default" ng-if="!!generators.length">
                    <div class="panel-heading">
                        <h3 class="panel-title"><a href="javascript:void(0);" location-go="/business/generator/manage"><strong>我的生成器</strong></a></h3>
                    </div>
                    <div class="panel-body">
                        <div class="page-header" style="margin: 5px;" ng-repeat="generator in generators">
                            <div style="width:100%;">
                                <a href="javascript:void(0);" location-go="/business/generator/detail/{{generator.id}}">
                                    <strong class="{{generator.isOpen ? 'text-info' : 'text-danger'}}">{{generator.name}}</strong>
                                </a>
                                <label class="badge pull-right">{{generator.instanceCount}}</label>
                            </div>
                        </div>
                        <button type="button" class="btn btn-link btn-sm" location-go="/business/generator/manage"><strong>更多</strong></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>